<template>
	<view>
		<page-head :title="'报单成功'" :headtype="1" :bg="`transparent`"></page-head>
		<image class="successbg" :src="apifun.serveimg + 'protsuccess.png'" mode=""></image>
		<view class="successmian">
			<image class="successmianicon" src="@/static/icon/successicon.png" mode=""></image>
			<view class="sutitle mainColor">提交成功</view>
			<view class="sudec mainColor">请注意查收平台报单结果通知</view>
			<view class="marginAuto" style="width:160rpx;margin-top:38rpx;">
				<uv-button text="查看报单" @click="enter()" :customStyle="{
					'background':'#2340FF',
					'color':'#fff',
					'font-size':'24rpx',
					'width':'160rpx',
					'height':'60rpx',
					'border-radius':'20rpx'
				}"></uv-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				apifun:this.apifun
			};
		},
		onLoad() {},
		methods: {
			enter(){
				uni.reLaunch({
					url:'/pages/usermy/protadmin'
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.successbg{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}
	.successmian{
		position: fixed;
		top:214rpx;
		width: 100%;
		.successmianicon{
			width: 90rpx;
			height: 90rpx;
			display: block;
			margin: auto;
		}
		.sutitle{
			font-size: 30rpx;
			line-height: 60rpx;
			text-align: center;
			margin-top: 10rpx;
		}
		.sudec{
			font-size: 24rpx;
			line-height:50rpx;
			text-align: center;
		}
		
	}
</style>